@import "public";
#earnDetail{
  .ed-top{
    width: 100%;
    .height(90rem);
    background-color: #ffffff;
    a{
      width: 33.33%;
      float: left;
      .fontSize(28rem);
      text-align: center;
      .lineHeight(86rem);
    }
    a.active{
      color: #fe5b4c;
      .borderBottom(4rem,solid,#fe5b4c);
    }
  }
  .ed-list {
    ul li {
      width: 100%;
      .height(220rem);
      .marginTop(14rem);
      .padding(20rem, 25rem, 20rem, 25rem);
      background-color: #ffffff;
      position: relative;
      .my-product-name {
        width: 100%;
        float: left;
        .marginBottom(20rem);
        span {
          .width(110rem);
          .height(42rem);
          display: block;
          background-color: #999999;
          color: #ffffff;
          text-align: center;
          .lineHeight(42rem);
          .borderRadius(6rem);
          float: left;
          .marginRight(20rem)

        }
        p {
          float: left;
        }
        p:nth-of-type(1) {
          .fontSize(32rem);
          color: #4d4d4d;
          .marginRight(48rem);
          .marginLeft(20rem);

        }
        p:nth-of-type(2) {
          .fontSize(20rem);
          color: #999999;
          .lineHeight(48rem);

        }
      }
      .my-product-each {
        .width(430rem);
        float: left;
        div {
          .padding(0, 16rem, 0, 16rem);
        }
        div > p:nth-of-type(2) {
          color: #999999;
          .fontSize(24rem);
          text-align: center;
          .marginTop(10rem);
        }
        .my-pdt-rich {
          p:nth-of-type(1) {
            .fontSize(22rem);
            color: #f9722e;
            text-align: center;
            span {
              .fontSize(46rem);
              color: #f9722e;
            }
          }
        }
        .my-pdt-money {
          .borderLeft(2rem, solid, #dbdbdb);
          .borderRight(2rem, solid, #dbdbdb);
          p:nth-of-type(1) {
            .fontSize(22rem);
            color: #f9722e;
            text-align: center;
            span {
              .fontSize(46rem);
              color: #999999;
            }
          }
        }
        .my-pdt-date {
          .marginRight(60rem);
          p:nth-of-type(1) {
            .fontSize(22rem);
            color: #f9722e;
            text-align: center;
            span {
              .fontSize(46rem);
              color: #999999;
            }
          }
        }
      }
      .my-state {
        .width(144rem);
        float: right;
        .my-img {
          width: 100%;
          img {
            .width(112rem);
            .height(112rem);
            display: block;
            .marginAuto(0, 0);
          }
        }
      }
    }
  }
}